<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
location
<div>
  <button id="btn">点击跳转</button>
  <button id="reload">刷新</button>
  <button id="replace">替换</button>
</div>

history
<div>
  <button id="back">退回</button>
  <button id="forward">前进</button>
  <button id="go">go</button>
  
</div>

<body>
  <script>
    var btn = document.getElementById("btn")
    btn.onclick = function () {
      // 载入新的文档
      // 方法一
      // location.assign('login.html');
      console.log(location.href);

      // 方法二
      location.href = location.href + "?a=1"
    }

    var reload = document.getElementById("reload")
    reload.onclick = function () {
      // 刷新方法
      location.reload();
    }
    var replace = document.getElementById("replace")
    replace.onclick = function () {
      // 刷新方法
      location.replace('login.html');
    }
    console.log(history)

    var back = document.getElementById("back")
    back.onclick = function () {
      // 退回上一个页面
      history.back();
    }

    var forward = document.getElementById("forward")
    forward.onclick = function () {
      // 前进到下一个页面
      history.forward();
    }

    var go = document.getElementById("go")
    go.onclick = function () {
      // 前进到下一个页面
      // 已知 +数字代表前进几个历史记录
      // history.go(2);
      // 已知 -数字代表后退几个历史记录
      history.go(-2);
    }
    console.log(history)
    
      // console.log(location);
      // console.log(location.search)
      // location.replace('login.html');
  </script>
</body>

</html>